
@import './color.scss';
@import './mixin.scss';
.footer{
  width: 100%;
background-color: $footer-top-bg;
color: $footer-color;
box-sizing: border-box;
&.p-f{
  left: 0;
  bottom: 0;
}
  .contact{
    height: 17.3125rem /* 277/16 */;
    box-sizing: border-box;
    padding: 5.625rem /* 90/16 */ 0 4.6875rem /* 75/16 */;
    box-sizing: border-box;
    &>ul{
      display: flex;
      &>li{
        width: 18.6875rem /* 299/16 */;
      }
      ul{
        li{
          &:first-child{
            color: #fff;
            margin-bottom: .875rem /* 14/16 */;
          }
        }
      }
    }
    .ul_1{
      width: 14.9375rem /* 239/16 */;
      margin-top: -1rem /* 16/16 */;
      .logo_li{
        margin-bottom:1rem /* 16/16 */;
      }
    }
    .ul_2{
      width: 13.125rem /* 210/16 */;
    }
    .ul_3{
      width: 13.5rem /* 216/16 */;
    }
  }
  .copyright{
    background-color: $footer-bottom-bg;
  }
  .contact,.copyright_title{
    max-width: $max-width;
    margin: 0 auto;
    &>li{

    }
  }
  .copyright{
    height: 7rem /* 112/16 */;
    padding: 2.8125rem /* 45/16 */ 0 2.625rem /* 42/16 */;
    box-sizing: border-box;
  }
}

/*屏幕小于750处理 BEGIN*/
@media screen and (max-width: 46.875rem /* 750/16 */) {
  .footer {
    .contact{
      height: auto;
      padding: 5rem /* 80/16 */ 2.0625rem /* 33/16 */ 3.625rem /* 58/16 */ 2.0625rem /* 33/16 */;
      ul{
        flex-direction: column;
        .logo{
          width: 10rem /* 160/16 */;
          height: 2.25rem /* 36/16 */;
        }
      }
    }
  }
  .footer .contact .ul_1{margin-bottom: 39px;} 
  .footer .contact .ul_2{margin-bottom: 39px;} 
  .footer .contact .ul_3{margin-bottom: 39px;} 
  .footer .contact>ul>li{width: auto;}
  .copyright_title{
    padding: 0 1.1875rem /* 19/16 */;
  }
}